<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        /* 
            html+css-静态页面-没有交互

            JavaScript-》ECMAScript（语法）+ dom（页面中元素） + bom（浏览器）
                兼容问题（每家浏览器公司都内置了自己的脚本语言-类似js）

            jquery曾经非常流行--现在大部分公司 选择用vue或者react
                jquery-》封装了js中dom 操作--提供一些操作dom的api，这写api内部已经做过判断了
                      -》处理不同浏览器中操作dom api的兼容性问题
                      -》特点：write less ，do more--很多方法都是内置循环--类似forEach filter
        
        */
        let obj = { a: 1, run() { } };
        obj.run()
        // obj.test()
        // console.log(obj.test);
        // if(obj.test){
        //     obj.test()
        // }
        //  为了兼容不同的浏览器--要做很多判断

        // let arr = [];
        //链式语法-- 方法的返回值 还是 自己
        // arr.filter().map().sort().every().

        // 不要重复造轮子
        // 生态 jquery -》不是很好

    </script>

</body>

</html>